<!--
 * @Author: henan 1071780426@qq.com
 * @Date: 2024-06-03 08:58:35
 * @LastEditors: 贺楠 1071780426@qq.com
 * @LastEditTime: 2024-07-03 11:28:08
 * @FilePath: \bigHome\src\views\HomePage.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div class="meat">
    <!-- 一级菜单下面所拥有的二级菜单 -->
    <!-- <el-aside class="aside" :width="isCollapse ? '50px' : '200px'">
      <i
        class="el-icon-s-fold toggle-button"
        @click="toggleCollapse"
        v-if="isCollapse == false"
      ></i>
      <i
        class="el-icon-s-unfold toggle-button"
        @click="toggleCollapse"
        v-else
      ></i>
      <el-menu
        router
        unique-opened
        :default-active="defaultMenu"
        :collapse-transition="false"
        class="sidebar el-menu-vertical-demo"
        text-color="#fff"
        active-text-color="rgb(51, 85, 199)"
        @node-click="handleNodeClick"
        @select="openMenu"
        :collapse="isCollapse"
      >
        <menu-tree :menuData="[]"></menu-tree>
      </el-menu> 
    </el-aside> -->
    <!-- 以及二级菜单所对应的页面 -->
    <el-main class="main_container">
      <router-view></router-view>
    </el-main>
  </div>
</template>

<script>
// import menuTree from "@/components/commonPublic/menu.vue";

export default {
  components: {
    // SideMenu
    // menuTree,
  },
  data() {
    return {
      // itemList: [
      //   { path: "test1-1", title: "二级菜单1-1" },
      //   { path: "test1-2", title: "二级菜单1-2" },
      //   { path: "test1-3", title: "二级菜单1-3" },
      //   { path: "test1-4", title: "二级菜单1-4" },
      //   { path: "test1-5", title: "二级菜单1-5" },
      // ],
      defaultMenu: null,
      isCollapse: true,

   
    };
  },
  mounted(){

 
  },
  methods: {
    // 左侧菜单是否显示
    toggleCollapse() {
      this.isCollapse = !this.isCollapse;
    },
    openMenu(keyPath) {
      if (keyPath != "null") {
        sessionStorage.setItem("yjSmart-keyPath", keyPath);
      }
    },
    handleNodeClick(data) {
      console.log(data);
    },
  
    
  },
};
</script>
<style  scoped>
    .toggle-button {
      display: block;
      /* background-color: #286ed2; */
      font-size: 17px;
      line-height: 30px;
      color: #fff;

      text-align: center;
      letter-spacing: 0.2em;
      cursor: pointer;
    margin-top: 0.05rem;
    border-bottom: 1px solid rgba(126, 134, 142, 0.12);

    }
</style>
